<template>
  <div class="main-panel">
    <vue-ueditor-wrap v-model="content" :config="ueditorConfig"></vue-ueditor-wrap>
    <el-button @click="getContent">获取内容</el-button>
  </div>
</template>

<script>
import constant from '@/libs/constant'

export default {
  data () {
    return {
      content: '',
      uploadUrl: constant.baseApiPath,
      ueditorConfig: {
        // 编辑器不自动被内容撑高
        autoHeightEnabled: false,
        // 初始容器高度
        initialFrameHeight: 240,
        // 初始容器宽度
        initialFrameWidth: '100%',
        // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）
        serverUrl: constant.ueditorApiPath,
        UEDITOR_HOME_URL: constant.baseApiPath + 'UEditor/'
      }
    }
  },
  methods: {
    getContent () {
      this.$alert(this.content, '获取内容')
    }
  }
}
</script>
